<!DOCTYPE html>
<html lang="en" ng-app="huoban">

<head>
    <meta charset="UTF-8">
    <title>发布房源</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="../node_modules/normalize.css/normalize.css">
    <link rel="stylesheet" type="text/css" href="../style/base.css">
    <link rel="stylesheet" type="text/css" href="../style/index.css">
    
</head>

<body class="index-publish" ng-controller="index">
    <header>
        <img src="../images/index/back.png" alt="" class="left icon-back" ng-click="back()">
        <p class="center">发布房源</p>
    </header>
    <form ng-submit="publishHouse()">
        <section class="type">
            <div class="house-type">
                <span class="type-title mr20">房源类型</span>
                <span class="xiezilou">
                <input type="radio" name="house-radio" class="house-radio" ng-model="formData.publishHouseType" value="写字楼" ng-click="chooseHouseType(formData.publishHouseType)">
                <span class="icon-xiezilou"></span>写字楼
                </span>
                <span class="gongyu">
                <input type="radio" name="house-radio" ng-model="formData.publishHouseType" value="公寓" ng-click="chooseHouseType(formData.publishHouseType)">
                <span class="icon-gongyu"></span>公寓
                </span>
                <span class="shop">
                <input type="radio" name="house-radio" ng-model="formData.publishHouseType" value="商铺" ng-click="chooseHouseType(formData.publishHouseType)">
                <span class="icon-shop"></span>商铺
                </span>
            </div>
            <div class="sale-type">
                <span class="type-title left mr20">租售类型</span>
                <div class="type-content">
                    <span class="rent">
                    <span class="icon-rent"></span>
                    <input type="text" ng-click="rentSaleType('rent')" class="rent-input"ng-model="formData.publishRentMoney">
                    <span class="explain"><span class="left">|</span>元/m<sup>2</sup>/天</span>
                    </span>
                    <span class="sale">
                    <span class="icon-sale"></span>
                    <input type="text" ng-click="rentSaleType('sale')" class="sale-input"ng-model="formData.publishSaleMoney">
                    <span class="explain"><span class="left">|</span>元/m<sup>2</sup></span>
                    </span>
                </div>
            </div>
        </section>
        <section>
            <span class="mianji border-bottom "><span class="mr20">房源面积</span>
            <input type="text" placeholder="请输入面积m2" ng-model="formData.publishMianji">
            </span>
            <br>
            <span class="chengdu"><span class="mr20">装修程度</span>
            <select name="" id="" ng-model="formData.publishZhuangxiu">
                <option class="color-gray" value="">请选择</option>
                <option ng-repeat="zhuangxiu in zhuangxiu" value="{{zhuangxiu.num}}">{{zhuangxiu.num}}</option>
            </select>
            </span>
        </section>
        <section>
            <span class="chengdu  mianji border-bottom "><span class="mr20">所在区域</span>
            <select name="province" id="province"  class="address-select" >
                <option value="">省份</option>
            </select>
            <select name="city" id="city"  class="address-select">
                <option value="">地级市</option>
            </select>
            <select name="districtAndCounty" id="districtAndCounty" class="address-select">
                <option value="">县级市</option>
            </select>
            </span>
            <span class="mianji border-bottom "><span class="mr20">楼盘名称</span>
            <input type="text" placeholder="请输入楼盘名称" ng-model="formData.publishName">
            </span>
            <br>
            <span class="mianji pb0"><span class="mr20">详细地址</span>
            <textarea placeholder="请输入详细地址" ng-model="formData.publishAddress"></textarea>
            </span>
            <br>
        </section>
        <section><span class="mr20">联系电话</span><input value="15523609865"  ng-model="formData.publishHousePhone"> <span class="right color-blue" ng-click="changePhone('show')">更换手机号</span> </section>
        <button class="summit-publish bg-blue" type="submit">发布消息</button>
        <section class="change-phone-phone hide">
            <div class="change-phone">
                <p class="title">更换手机号</p>
                <input type="text" placeholder="新手机号">
                <input type="text" placeholder="验证码">
                <span class="send-code color-blue">发送验证码</span>
                <span class="summit-phone bg-blue">确定</span>
            </div>
            <span><img src="../images/index/close_white.png" class="close-phone" ng-click="changePhone('hide')"></span>
        </section>
    </form>
</body>
<script type="text/javascript" src="../node_modules/angular/angular.js"></script>
<script type="text/javascript" src="../node_modules/angular-ui-router.js"></script>
<script type="text/javascript" src="../node_modules/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="../js/address.js"></script>
<script type="text/javascript" src="../js/main.js"></script>
</html>
